<template>
  <view>
    <!-- 动态加载组件 -->
    <component :is="currentComponent" />
  </view>
</template>

<script>
import ComponentA from '@/components/ComponentA.vue';
import ComponentB from '@/components/ComponentB.vue';

export default {
  data() {
    return {
      type: 'A', // 默认值
    };
  },
  computed: {
    // 根据 type 的值返回对应的组件
    currentComponent() {
      return this.type === 'A' ? ComponentA : ComponentB;
    },
  },
  onLoad(options) {
    // 从页面参数中获取 type
    if (options.type) {
      this.type = options.type; // 更新 type
    }
  },
};
</script>